@use './index.scss' as *;

/* 页面宽度小于576px
------------------------------- */
@media screen and (max-width: $xs) {
  .el-form-item__label {
    width: 100% !important;
    text-align: left !important;
    // 移动端 label 右对齐问题
    justify-content: flex-start !important;
    height: unset !important;
    line-height: unset !important;
    margin-bottom: 5px;
  }
  .el-form-item__content {
    margin-left: 0 !important;
  }
  .el-form-item {
    // 响应式表单时，登录页需要重新处理
    display: unset !important;
  }
  // 表格演示中的表单筛选
  .table-form-btn {
    display: flex !important;
    .el-form-item__label {
      width: auto !important;
    }
  }
  // 表格演示中的表单筛选最大高度，适配移动端
  .table-search-container {
    max-height: 160px;
    overflow: auto;
  }
}
